﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Trabajo HTML5 Responsive Template</title>
    <!-- Favicon -->
    <link rel="icon" href="/SWRW/public/assets/images/favicon.png" type="image/png" sizes="32x32">
    <!-- All CSS -->
    <link rel="stylesheet" href="https://www.jq22.com/jquery/bootstrap-4.2.1.css">
    <link rel="stylesheet" href="/SWRW/public/assets/css/aos.min.css">
    <link rel="stylesheet" href="https://www.jq22.com/jquery/font-awesome.4.7.0.css">
    <link rel="stylesheet" href="/SWRW/public/assets/css/magnific.min.css">
    <link rel="stylesheet" href="/SWRW/public/assets/css/owl.carousel.min.css">
    <link rel="stylesheet" href="/SWRW/public/assets/css/select2.min.css">
    <link rel="stylesheet" href="/SWRW/public/assets/css/slimmenu.min.css">
    <link rel="stylesheet" href="/SWRW/public/assets/css/style.css">
    <!-- Google font -->
    <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">
</head>

<body>
    <!--header-start -->
    <header class="header-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-2">
                    <div class="logo">
                        <a href="index.html"><img src="/SWRW/public/assets/images/logo.png" alt="image" /></a>
                    </div>
                </div>
                <div class="col-lg-10">
                    <div class="header-container d-flex justify-content-between highlight">
                        <nav class="highlight">
                            <ul id="responsive-menu" class="slimmenu">
                                <li><a class="nav-link" href="index.html">Home</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="about.html">About</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="#">Pages</a>
                                    <ul>
                                        <li><a href="job-listing.html">Job listing</a></li>
                                        <li><a href="job-post.html">Job Details</a></li>
                                        <li><a href="submit.html">Submit Resume</a></li>
                                        <li><a href="post-job.html">Post Job</a></li>
                                        <li><a href="candidates.html">Candidates</a></li>
                                        <li><a href="companies.html">Companies</a></li>
                                        <li><a href="login.html">Login</a></li>
                                        <li><a href="reg.html">Register</a></li>
                                        <li><a href="style-guide.html">Style Guide</a></li>
                                        <li><a href="404.html">404 Page </a></li>
                                    </ul>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="candidates.html">Candidates</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" href="blog-page.html">Blog</a>
                                    <ul>
                                        <li><a href="blog-details.html">Blog Post</a></li>
                                        <li><a href="style-guide.html">Style Guide</a></li>
                                    </ul>
                                </li>
                                <li class="nav-item"><a href="contact.html">Contact</a></li>
                                <li class="nav-item call-to-action "><a href="post-job.html">Post Job</a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!--header-end -->
    <div class="header-banner-area clearfix ">
        <div class="header-banner" style="background-image:url(/SWRW/public/assets/images/header-bg.jpg)">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="banner-text text-center">
                            <h1>Productivity is being able to do things</h1>
                            <ul class="breadcumb list-inline">
                                <li class="list-inline-item"><a href="index.html">Home</a></li>
                                <li class="list-inline-item">Blog Details</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <main class="main-content-area clearfix">
        <div class="blog-details-area pb-100 pt-100">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-md-7">
                        <div class="blog-wrapper">
                            <div class="blog-post-details">
                                <div class="blog-img mb-4"><img src="/SWRW/public/assets/images/06_Blog.png" alt="image" /></div>
                                <div class="blog-content">
                                    <p>Morem ipsum dolor sit amet, eleifend nunc tellus turpis. Eu lorem urna libero vestib ufermentum interdum dui commodo natoque libero pretium, sapien commodo, urna nunc, adipiscing laoreet pellentesque. Molestie erat sem, viverra senectus quibusdam lacinia consectetuer. Est sit ac quam nonummy purus nulla, dis vel senectus purus accumsan nec, maecenas felis eget. Posuere semper ornare eget at nisl commodo, vivamus rutrum auctor non, nulla phasellus sem a, donec metus vitae, vivamus non rutrum. Ligula eget ipsum consectetuer, nisi arcu adipiscing vitae fermentum ut sollicitudin, malesuada cum molestie, wisi pede in leo elit proin id. Aenean fusce urna at et, turpis dolor dictum, blandit nullam, vitae nibh pellentesque sed in vehicula.</p>
                                    <p>Varius massa. Urna egestas arcu vitae, fusce erat, ac magna justo pellentesque lorem etiam. Vestibulum nulla id ante, urna vehicula semper etiam dolor sagittis ipsum, ante et porttitor consequat, vel quis ut vestibulum maecenas augue aliquam, vivamus sapien accumsan convallis. Adipiscing mauris donec, mauris facilisis consectetuer libero, metus nunc odio, turpis ut ligula pellentesque. Lectu</p>
                                    <blockquote>
                                        <p>Est sit ac quam nonummy purus nulla, dis vel senectus purus accumsan nec, maecenas felis eget. Posuere semper ornare eget at nisl commodosit ac quam nonummy purus nulla</p>
                                    </blockquote>
                                    <p>Morem ipsum dolor sit amet, eleifend nunc tellus turpis. Eu lorem urna libero vestibulum, fermentum interdum dui commodo natoque libero pretium, sapien commodo, urna nunc, adipiscing laoreet pellentesque. Molestie erat sem, viverra senectus quibusdam lacinia consectetuer. Est sit ac quam nonummy purus nulla, dis vel senectus purus accumsan nec, maecenas felis eget. Posuere semper ornare eget at nisl commodo, vivamus rutrum auctor non, nulla phasellus sem a, donec metus vitae</p>
                                </div>

                                <div class="author-data post-meta d-flex justify-content-between pb-5 ">
                                    <div class="tags-meta ">
                                        <ul class="list-inline">
                                            <li class="list-inline-item">Tags: </li>
                                            <li class="list-inline-item"><a href="#">Accounting</a></li>
                                            <li class="list-inline-item"><a href="#">Graphic Design</a></li>
                                            <li class="list-inline-item"><a href="#">Web Designer</a></li>
                                        </ul>
                                    </div>
                                    <div class="social-link">
                                        <ul>
                                            <li><a href="#"><i class="fa fa-facebook-f"></i></a></li>
                                            <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                            <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                            <li><a href="#"><i class="fa fa-flag" aria-hidden="true"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="blog-author-area pb-5 clearfix">
                                    <div class="author-bio-details d-flex">
                                        <div class="author-pic mr-4">
                                            <a href="#"><img src="/SWRW/public/assets/images/author-pic.png" alt="image" /></a>
                                        </div>
                                        <div class="meta-info">
                                            <div class="author-name">
                                                <h4><a href="#">Genoveva</a></h4>
                                            </div>
                                            <div class="a-meta  mb-2 d-flex">
                                                <p><i class="fa fa-briefcase" aria-hidden="true"></i>UX/UI Designer</p>
                                                <p><i class="fa fa-map-marker" aria-hidden="true"></i><a href="#">Canada</a></p>
                                            </div>
                                            <p>Porttitor consequat, vel quis ut vestibulum maecenas augue aliquam, vivamus sapien accumsan convallis. Adipiscing </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="comments-area pb-5 clearfix">
                                    <div class="container">
                                        <div class="row">
                                            <div class="col-lg-12">
                                                <div class="section-title inner-section">
                                                    <h3>02 Comments</h3>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-lg-12">
                                                <div class="comments-details">
                                                    <div class="author-image">
                                                        <a href="https://html-trabajo.netlify.com/author.html"><img src="/SWRW/public/assets/images/author-c.png" alt="image" /></a>
                                                    </div>
                                                    <div class="comment-text">
                                                        <div class="c-title">
                                                            <h4><a href="https://html-trabajo.netlify.com/author.html">Monal Max</a></h4>
                                                        </div>
                                                        <div class="c-content">
                                                            <p>Circumstances and owing to the claims of duty or the obligations dislike men who are so beguiled and demoralized by the charms of pleasure they cannot</p>
                                                        </div>
                                                        <div class="reply"> <span><a href="#">Reply</a></span><i class="fa fa-angle-double-right" aria-hidden="true"></i></div>
                                                    </div>
                                                </div>
                                                <div class="comments-details">
                                                    <div class="reply-comment">
                                                        <div class="author-image">
                                                            <a href="https://html-trabajo.netlify.com/author.html"><img src="/SWRW/public/assets/images/author-c.png" alt="image" /></a>
                                                        </div>
                                                        <div class="comment-text">
                                                            <div class="c-title">
                                                                <h4><a href="https://html-trabajo.netlify.com/author.html">Martin King</a></h4>
                                                            </div>
                                                            <div class="c-content">
                                                                <p>Duty or the obligations dislike men who are so beguiled and demoralized by the charms of pleasure they cannot</p>
                                                            </div>
                                                            <div class="reply"> <span><a href="#">Reply</a></span><i class="fa fa-angle-double-right" aria-hidden="true"></i></div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="comments-details">
                                                    <div class="author-image">
                                                        <a href="https://html-trabajo.netlify.com/author.html"><img src="/SWRW/public/assets/images/author-c.png" alt="image" /></a>
                                                    </div>
                                                    <div class="comment-text">
                                                        <div class="c-title">
                                                            <h4><a href="https://html-trabajo.netlify.com/author.html">Monal Max</a></h4>
                                                        </div>
                                                        <div class="c-content">
                                                            <p>Circumstances and owing to the claims of duty or the obligations dislike men who are so beguiled and demoralized by the charms of pleasure they cannot</p>
                                                        </div>
                                                        <div class="reply"> <span><a href="#">Reply</a></span><i class="fa fa-angle-double-right" aria-hidden="true"></i></div>
                                                    </div>
                                                </div>
                                                <div class="comments-details">
                                                    <div class="reply-comment">
                                                        <div class="author-image">
                                                            <a href="https://html-trabajo.netlify.com/author.html"><img src="/SWRW/public/assets/images/author-c.png" alt="image" /></a>
                                                        </div>
                                                        <div class="comment-text">
                                                            <div class="c-title">
                                                                <h4><a href="https://html-trabajo.netlify.com/author.html">Martin King</a></h4>
                                                            </div>
                                                            <div class="c-content">
                                                                <p>Duty or the obligations dislike men who are so beguiled and demoralized by the charms of pleasure they cannot</p>
                                                            </div>
                                                            <div class="reply"> <span><a href="#">Reply</a></span><i class="fa fa-angle-double-right" aria-hidden="true"></i></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="comment-form-area clearfix">
                                    <div class="container">
                                        <div class="row">
                                            <div class="col-lg-12">
                                                <div class="section-title inner-section">
                                                    <h3>Post a Comment</h3>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-lg-12">
                                                <div class="comment-form">
                                                    <form action="#">
                                                        <input type="text" placeholder="Your Name" />
                                                        <input type="text" placeholder="Your Email" class="float-right" />
                                                        <textarea placeholder="Type Comment"></textarea>
                                                        <button type="submit" class="buttonfx curtainup">Post Comment</button>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-5">
                        <div class="right-sidebar">
                            <div class="sidebar-widget mb-4">
                                <div class="sidebar-title">
                                    <h3>Search Jobs</h3>
                                </div>
                                <div class="sidebar-details">
                                    <form action="#">
                                        <div class="form-group">
                                            <input type="search" placeholder="keyword" />
                                        </div>
                                        <button type="submit" class="buttonfx curtainup">Search</button>
                                    </form>
                                </div>
                            </div>
                            <div class="sidebar-widget mb-4">
                                <div class="sidebar-title">
                                    <h3>Jobs Category</h3>
                                </div>
                                <div class="sidebar-details">

                                    <ul class="category-list list-inline">
                                        <li><a href="#">Government (02)</a></li>
                                        <li><a href="#">Media & News (08)</a></li>
                                        <li><a href="#">Accounting (03)</a></li>
                                        <li><a href="#">Design (06)</a></li>
                                        <li><a href="#">Educations (45)</a></li>
                                        <li><a href="#">Medical (16)</a></li>
                                    </ul>

                                </div>
                            </div>
                            <div class="sidebar-widget mb-4">
                                <div class="sidebar-title">
                                    <h3>Recent Post</h3>
                                </div>
                                <div class="sidebar-details">
                                    <div class="recent-post-wrapper">
                                        <div class="recent-post d-flex">
                                            <div class="post-thumb">
                                                <a href="blog-details.html"><img src="/SWRW/public/assets/images/post-thumb-1.png" alt="image" /></a>
                                            </div>
                                            <div class="post-title">
                                                <p><a href="blog-details.html">5 Content Management System</a></p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="recent-post d-flex">
                                        <div class="post-thumb">
                                            <a href="blog-details.html"><img src="/SWRW/public/assets/images/post-thumb-2.png" alt="image" /></a>
                                        </div>
                                        <div class="post-title">
                                            <p><a href="blog-details.html">wellentesq epre tium quis comment</a></p>
                                        </div>
                                    </div>
                                    <div class="recent-post d-flex">
                                        <div class="post-thumb">
                                            <a href="blog-details.html"><img src="/SWRW/public/assets/images/post-thumb-3.png" alt="image" /></a>
                                        </div>
                                        <div class="post-title">
                                            <p><a href="blog-details.html">Increase More Traffic & More Sales</a></p>
                                        </div>
                                    </div>
                                    <div class="recent-post d-flex">
                                        <div class="post-thumb">
                                            <a href="blog-details.html"><img src="/SWRW/public/assets/images/post-thumb-4.png" alt="image" /></a>
                                        </div>
                                        <div class="post-title">
                                            <p><a href="blog-details.html">Ttesq epre tium quis comment</a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="sidebar-widget mb-4 p-0">
                                <a href="#"><img src="/SWRW/public/assets/images/ads.png" alt="image" /></a>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>

    </main>
    <!--footer-area-start -->
    <footer>
        <div class="footer-area pt-100 pb-100 clearfix minus-30">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 col-md-3 col-sm-6">
                        <div class="footer-widget">
                            <div class="widget-title">
                                <a href="index.html"><img src="/SWRW/public/assets/images/footer-logo.png" alt="image" /></a>
                            </div>
                            <p>Cras semper auctor neque vitae tempus quam pellentesque nec nam aliquam sem et tortor consequat id porta nibh venenatis cras sed felis eget </p>
                            <div class="social-link mt-4">
                                <ul>
                                    <li class="facebook"><a href="#"><i class="fa fa-facebook-f"></i></a></li>
                                    <li class="twitter"><a href="#"><i class="fa fa-twitter"></i></a></li>
                                    
                                    <li class="linkedin"><a href="#"><i class="fa fa-linkedin" ></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-6">
                        <div class="footer-widget">
                            <div class="widget-title">
                                <h3>Candidates</h3>
                            </div>
                            <div class="widget-link">
                                <ul>
                                    <li><a href="#"><i class="fa fa-angle-right" aria-hidden="true"></i>Browse Jobs</a></li>
                                    <li><a href="#"><i class="fa fa-angle-right" aria-hidden="true"></i>Submit Resume</a></li>
                                    <li><a href="#"><i class="fa fa-angle-right" aria-hidden="true"></i>My Bookmarks</a></li>
                                    <li><a href="#"><i class="fa fa-angle-right" aria-hidden="true"></i>Job Alerts</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-6">
                        <div class="footer-widget">
                            <div class="widget-title">
                                <h3>Employers</h3>
                            </div>
                            <div class="widget-link">
                                <ul>
                                    <li><a href="#"><i class="fa fa-angle-right" aria-hidden="true"></i>Employers</a></li>
                                    <li><a href="#"><i class="fa fa-angle-right" aria-hidden="true"></i>Add Job</a></li>
                                    <li><a href="#"><i class="fa fa-angle-right" aria-hidden="true"></i>Jobs Listing</a></li>
                                    <li><a href="#"><i class="fa fa-angle-right" aria-hidden="true"></i>Employers Grid</a></li>
                                    <li><a href="#"><i class="fa fa-angle-right" aria-hidden="true"></i>Employer Listing</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-6">
                        <div class="footer-widget">
                            <div class="widget-title">
                                <h3>Subscribe Us</h3>
                            </div>
                            <div class="widget-text">
                                <form action="#">
                                    <input type="email" placeholder="Your Email" />
                                    <button type="submit" class="buttonfx curtainup">Subscribe</button>
                                </form>
                                <p>Nceptos, nulla dictumst neque nam aliquam</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-bottom-area clearfix">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="footer-bottom text-center">
                            <p>&copy; Copyright - 2019 trabajo - Designed By <a href="http://www.jq22.com/">Themeix</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!--footer-area-end -->
    <!-- ==================== START PRELOADER HERE ===================================== -->
    <div class="preloader" id="preloader">
        <div class="lds-ripple">
            <div></div>
            <div></div>
        </div>
    </div>
    <!-- ==================== END PRELOADER HERE ===================================== -->
    <!-- ====================ALL JS FILE HERE===================================== -->
    <!-- jQuery -->
	  <script src="https://www.jq22.com/jquery/jquery-3.3.1.js"></script>
	  <script src="/SWRW/public/assets/js/modules/bootstrap.min.js"></script>
	  <script src="/SWRW/public/assets/js/modules/proper.js"></script>
	  <script src="/SWRW/public/assets/js/modules/jquery.waypoints.min.js"></script>
	  <script src="/SWRW/public/assets/js/modules/owl.carousel.min.js"></script>
	  <script src="/SWRW/public/assets/js/modules/magnific.min.js"></script>
	  <script src="/SWRW/public/assets/js/modules/typing.min.js"></script>
	  <script src="/SWRW/public/assets/js/modules/select2.min.js"></script>
	  <script src="/SWRW/public/assets/js/modules/aos.min.js"></script>
	  <script src="/SWRW/public/assets/js/modules/slimmenu.min.js"></script>
	  
      <script src="/SWRW/public/assets/js/app.js"></script>  

</body>

</html>
